@import './normalize.css';
@import './iconfont.css';

:root {
	--color-text: #666;
	--color-main: #c81522;

	--color-background: #fff;
	--font-size: 14px;
	/* --line-height: 1.5; */
}

body {
	font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
		'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
	user-select: none; /* 禁止用户鼠标在页面上选中文字/图片等 */
	-webkit-tap-highlight-color: transparent; /* webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
	background: var(--color-background);
	color: var(--color-text);
	/* rem vw/vh */
	/* width: 100vw; */
	margin: 0;
	line-height: 1;
}

.clear-fix::after {
	clear: both;
	content: '';
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}

.clear-fix {
	zoom: 1;
}

.left {
	float: left;
}

.right {
	float: right;
}

.container {
	margin: 0 auto;
}
/* 当屏幕宽度<767px时  container的宽度为100%*/
@media screen and (max-width: 767px) {
	.container {
		width: 100%;
	}
}
/* 当屏幕宽度>767px && <991px 时  container的宽度为 750px*/

@media screen and (min-width: 768px) {
	.container {
		width: 750px;
	}
}
/* 当屏幕宽度>991px && <11170 时  container的宽度为 970px*/
@media screen and (min-width: 992px) {
	.container {
		width: 970px;
	}
}
/* 当屏幕宽度>1200px 时  container的宽度为1170px*/
@media screen and (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}
li {
	list-style: none;
}
.text_row_1 {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text_row_2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
  box-sizing: border-box;
	outline: none;
  
}

input,
button {
  outline: none;
  
}
input:focus,
textarea:focus {
	outline: none;
}

a {
	color: var(--color-text);
}
a:hover {
	color: var(--color-text);
}
.btn {
  border: none;
	cursor: pointer;
	padding: 10px 20px;
  border-radius: 3px;
  color: white;
  background-color: var(--color-main);
	outline: none;

}
